<html>
<head>
<script src="../rosy.js" type="text/javascript"></script>
<script type="text/javascript">
var frame = new Frame(24);
frame.startFrame();
var div1,div2,div3,div4,div5,div6,div7,div8,div9,div10;
var hoge0,hoge1,hoge2;
function start(){
	div1 = new FrameElement('div1',{_height:50,_width:800,_x:-750,_y:0,_alpha:70,onRollOver: new Function('div1.onEnterFrame = function(){move.call(div1,-10,0,100)};'),onRollOut: new Function('div1.onEnterFrame = function(){move.call(div1,-750,0,70)};') });
	div2 = new FrameElement('div2',{_height:50,_width:800,_x:-750,_y:50,_alpha:70,onRollOver: new Function('div2.onEnterFrame = function(){move.call(div2,-10,50,100)};'),onRollOut: new Function('div2.onEnterFrame = function(){move.call(div2,-750,50,70)};')});
	div3 = new FrameElement('div3',{_height:50,_width:800,_x:-750,_y:100,_alpha:70,onRollOver: new Function('div3.onEnterFrame = function(){move.call(div3,-10,100,100)};'),onRollOut: new Function('div3.onEnterFrame = function(){move.call(div3,-750,100,70)};')});
	div4 = new FrameElement('div4',{_height:50,_width:800,_x:-750,_y:150,_alpha:70,onRollOver: new Function('div4.onEnterFrame = function(){move.call(div4,-10,150,100)};'),onRollOut: new Function('div4.onEnterFrame = function(){move.call(div4,-750,150,70)};')});
	div5 = new FrameElement('div5',{_height:50,_width:800,_x:-750,_y:200,_alpha:70,onRollOver: new Function('div5.onEnterFrame = function(){move.call(div5,-10,200,100)};'),onRollOut: new Function('div5.onEnterFrame = function(){move.call(div5,-750,200,70)};')});
	div6 = new FrameElement('div6',{_height:50,_width:800,_x:-750,_y:250,_alpha:70,onRollOver: new Function('div6.onEnterFrame = function(){move.call(div6,-10,250,100)};'),onRollOut: new Function('div6.onEnterFrame = function(){move.call(div6,-750,250,70)};')});
	div7 = new FrameElement('div7',{_height:50,_width:800,_x:-750,_y:300,_alpha:70,onRollOver: new Function('div7.onEnterFrame = function(){move.call(div7,-10,300,100)};'),onRollOut: new Function('div7.onEnterFrame = function(){move.call(div7,-750,300,70)};')});
	div8 = new FrameElement('div8',{_height:50,_width:800,_x:-750,_y:350,_alpha:70,onRollOver: new Function('div8.onEnterFrame = function(){move.call(div8,-10,350,100)};'),onRollOut: new Function('div8.onEnterFrame = function(){move.call(div8,-750,350,70)};')});
	div9 = new FrameElement('div9',{_height:50,_width:800,_x:-750,_y:400,_alpha:70,onRollOver: new Function('div9.onEnterFrame = function(){move.call(div9,-10,400,100)};'),onRollOut: new Function('div9.onEnterFrame = function(){move.call(div9,-750,400,70)};')});
	div10 = new FrameElement('div10',{_height:50,_width:800,_x:-750,_y:450,_alpha:70,onRollOver: new Function('div10.onEnterFrame = function(){move.call(div10,-10,450,100)};'),onRollOut: new Function('div10.onEnterFrame = function(){move.call(div10,-750,450,70)};')});
	frame.setObjects(div1,div2,div3,div4,div5,div6,div7,div8,div9,div10);
	
	hoge0 = new FrameElement('hoge0',{_height:50,_width:50,_x:300,_y:0,_alpha:0});
	hoge0.onEnterFrame = function(){
//		this.setAlpha(100);
//		this.setY(this.getY() + 1);
//		if(this.getY() >= 500){
//			this.setY(0);
//		}
	}
	frame.setObjectWithFrameCount(hoge0,100);

	hoge1 = new FrameElement('hoge1',{_height:50,_width:50,_x:500,_y:500,_alpha:0});
	hoge1.onEnterFrame = function(){
//		this.setAlpha(100);
//		this.setX(this.getX() - 2);
//		this.setY(this.getY() - 2);
//		if(this.getY() <= 0){
//			this.setX(500);
//			this.setY(500);
//		}
	}
	frame.setObjectWithFrameCount(hoge1,150);

	hoge2 = new FrameElement('hoge2',{_height:50,_width:50,_x:400,_y:250,_alpha:0});
	hoge2.onEnterFrame = function(){
//		this.setAlpha(100);
//		this.setHeight(this.getHeight() + 6);
//		this.setY(this.getY() - 3);
//		if(this.getHeight() >= 500){
//			this.setHeight(50);
//			this.setY(250);
//		}
	}
	frame.setObjectWithFrameCount(hoge2,200);


}
function move(_x,_y,_alpha){
	this.setX(this.getX() + (_x - this.getX()) / 5);
	this.setY(this.getY() + (_y - this.getY()) / 5)
	this.setAlpha(this.getAlpha() + (_alpha - this.getAlpha()) / 5)
	if(Math.abs(this.getX() - _x) <= 4){
		this.setX(_x);
		this.setY(_y);
		this.setAlpha(_alpha);
		this.onEnterFrame = null;
	}
}
</script>
</head>
<body onload="start();">
<div id="div1" style="background-color:#999999;" ></div>
<div id="div2" style="background-color:#888888;" ></div>
<div id="div3" style="background-color:#777777;" ></div>
<div id="div4" style="background-color:#666666;" ></div>
<div id="div5" style="background-color:#555555;" ></div>
<div id="div6" style="background-color:#444444;" ></div>
<div id="div7" style="background-color:#333333;" ></div>
<div id="div8" style="background-color:#222222;" ></div>
<div id="div9" style="background-color:#111111;" ></div>
<div id="div10" style="background-color:#000000;" ></div>
<div id="hoge0" style="background-color:#AAAAAA;" ></div>
<div id="hoge1" style="background-color:#BBBBBB;" ></div>
<div id="hoge2" style="background-color:#CCCCCC;" ></div>
<pre id="pre1" style="position:absolute;top:550px;left:20px">
var frame = new Frame(24);
frame.startFrame();
var div1,div2,div3,div4,div5,div6,div7,div8,div9,div10;
function start(){
	div1 = new FrameElement('div1',{_height:50,_width:800,_x:-750,_y:0,_alpha:70,onRollOver: new Function('div1.onEnterFrame = function(){move.call(div1,-10,0,100)};'),onRollOut: new Function('div1.onEnterFrame = function(){move.call(div1,-750,0,70)};') });
	div2 = new FrameElement('div2',{_height:50,_width:800,_x:-750,_y:50,_alpha:70,onRollOver: new Function('div2.onEnterFrame = function(){move.call(div2,-10,50,100)};'),onRollOut: new Function('div2.onEnterFrame = function(){move.call(div2,-750,50,70)};')});
	div3 = new FrameElement('div3',{_height:50,_width:800,_x:-750,_y:100,_alpha:70,onRollOver: new Function('div3.onEnterFrame = function(){move.call(div3,-10,100,100)};'),onRollOut: new Function('div3.onEnterFrame = function(){move.call(div3,-750,100,70)};')});
	div4 = new FrameElement('div4',{_height:50,_width:800,_x:-750,_y:150,_alpha:70,onRollOver: new Function('div4.onEnterFrame = function(){move.call(div4,-10,150,100)};'),onRollOut: new Function('div4.onEnterFrame = function(){move.call(div4,-750,150,70)};')});
	div5 = new FrameElement('div5',{_height:50,_width:800,_x:-750,_y:200,_alpha:70,onRollOver: new Function('div5.onEnterFrame = function(){move.call(div5,-10,200,100)};'),onRollOut: new Function('div5.onEnterFrame = function(){move.call(div5,-750,200,70)};')});
	div6 = new FrameElement('div6',{_height:50,_width:800,_x:-750,_y:250,_alpha:70,onRollOver: new Function('div6.onEnterFrame = function(){move.call(div6,-10,250,100)};'),onRollOut: new Function('div6.onEnterFrame = function(){move.call(div6,-750,250,70)};')});
	div7 = new FrameElement('div7',{_height:50,_width:800,_x:-750,_y:300,_alpha:70,onRollOver: new Function('div7.onEnterFrame = function(){move.call(div7,-10,300,100)};'),onRollOut: new Function('div7.onEnterFrame = function(){move.call(div7,-750,300,70)};')});
	div8 = new FrameElement('div8',{_height:50,_width:800,_x:-750,_y:350,_alpha:70,onRollOver: new Function('div8.onEnterFrame = function(){move.call(div8,-10,350,100)};'),onRollOut: new Function('div8.onEnterFrame = function(){move.call(div8,-750,350,70)};')});
	div9 = new FrameElement('div9',{_height:50,_width:800,_x:-750,_y:400,_alpha:70,onRollOver: new Function('div9.onEnterFrame = function(){move.call(div9,-10,400,100)};'),onRollOut: new Function('div9.onEnterFrame = function(){move.call(div9,-750,400,70)};')});
	div10 = new FrameElement('div10',{_height:50,_width:800,_x:-750,_y:450,_alpha:70,onRollOver: new Function('div10.onEnterFrame = function(){move.call(div10,-10,450,100)};'),onRollOut: new Function('div10.onEnterFrame = function(){move.call(div10,-750,450,70)};')});
	frame.setObjects(div1,div2,div3,div4,div5,div6,div7,div8,div9,div10);

	
}
function move(_x,_y,_alpha){
	this.setX(this.getX() + (_x - this.getX()) / 5);
	this.setY(this.getY() + (_y - this.getY()) / 5)
	this.setAlpha(this.getAlpha() + (_alpha - this.getAlpha()) / 5)
	if(Math.abs(this.getX() - _x) <= 5){
		this.setX(_x);
		this.setY(_y);
		this.setAlpha(_alpha);
		this.onEnterFrame = null;
	}
}

</pre>
</div>
</body>
</html>